<template>
  <div class="mod-home">
    <div class="block" style="width: 600px; margin: 0 auto">
      <el-carousel height="400px">
        <el-carousel-item v-for="item in imgList" :key="item">
          <!-- <h3 class="small">{{ item }}</h3> -->
          <img width="100%" height="100%" :src="item" />
          <!-- <el-image fit="contain" src="https://gulimall-lemonx.oss-cn-shenzhen.aliyuncs.com/2022-10-16/b574642c-7a0c-4cdc-8c6e-88cc69b968b3_you01.jpg"></el-image> -->
        </el-carousel-item>
      </el-carousel>
    </div>

    <h3>项目介绍</h3>
    <ul>
      <li>
        <a
          href=""
          target="_blank"
          >宿管王</a
        >是一款用于学生宿舍管理的系统，为广大高校提供合理、高效的宿舍管理方案！
      </li>
      <li>功能：提供对学生、宿管、维修工信息的管理，宿舍用费的查询与缴纳、学生违规记录、宿舍报修等等</li>
      <li>为学生、宿管员以及维修员分设三级权限，提高系统的实用性以及安全性</li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      imgList: [
        "https://gulimall-lemonx.oss-cn-shenzhen.aliyuncs.com/2022-10-16/b574642c-7a0c-4cdc-8c6e-88cc69b968b3_you01.jpg",
        "https://gulimall-lemonx.oss-cn-shenzhen.aliyuncs.com/2022-10-16/6b56aaeb-1afc-4cc6-8de9-72ecb9e5f12c_you.jpg",
        "https://gulimall-lemonx.oss-cn-shenzhen.aliyuncs.com/2022-10-30/a9df4bde-8422-46c6-815e-e9b3c0816c88_%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20221030133912.jpg",
        "https://gulimall-lemonx.oss-cn-shenzhen.aliyuncs.com/2022-10-30/643e2096-4b72-474b-86ea-0bd443c101d7_%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20221030133858.jpg",
      ],
    };
  },
};
</script>

<style>
.mod-home {
  line-height: 1.5;
}

.el-carousel__item h3 {
  color: #475669;
  font-size: 14px;
  opacity: 0.75;
  line-height: 150px;
  margin: 0;
}

.el-carousel__item:nth-child(2n) {
  background-color: #99a9bf;
}

.el-carousel__item:nth-child(2n + 1) {
  background-color: #d3dce6;
}
</style>

